<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	 <div class="container"  id="content">
		 <section class="content-header">
			 <h1>
				 <i class="fa fa-file"></i>
				 <strong>合同管理</strong>
			 </h1>
			 <ol class="breadcrumb">
				 <li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				 <li>合同管理</li>
				 <li class="active">合同全流程综合查询</li>
			 </ol>
		 </section>
		 <!-- Main content -->
		 <section class="content">
			 <div class="box box-info">
			 	 <div class="box-header with-border">
                     <i class="fa fa-th-list"></i>
                     <h4 class="box-title">合同全流程综合查询</h4>
                     <div class="form-inline pull-right">
						 <div class="input-group">
							 <button type="button" class="btn btn-info searchBtn">查询</button>
							 <button type="button" class="btn btn-info import">导出</button>
							 <button type="button" name="reset" id="reset-btn" class="btn btn-info resetBtn">撤消</button>
						 </div>
					 </div>
                 </div>
                 <form id="searchContent" class="form-horizontal" method="post" action="">
		       <!--高级查询开始-->         
		        <div class="submenu"><a class="accordion-toggle" data-toggle="collapse"></a>
		          <table class="table table-bordered table-condensed table-striped">
		           <tbody>
		            <tr class="odd gradeX">
		             <td width="8%">合同号</td>
		             <td width="17%"><input type="text" class="form-control"  id="supplierCode" name="supplierCode"/></td>
		             <td width="8%">合同类型</td>
		             <td width="17%"><select id="contractType" name="contractType" class="form-control">
		              <option></option>
		              <option value="项目合同">项目合同</option>
		              <option value="备件合同">备件合同</option>
		              <option value="备泵合同">备泵合同</option>
		              <option value="维修合同">维修合同</option>
		              </select>
		             </td>
		             <td width="8%">合同金额</td>
		             <td width="17%"><input type="text" id="minSum" name="minSum" onkeyup="clearNoNum(this)" class="form-control"/></td>
		             <td width="8%">至</td>
		             <td width="17%"><input type="text" id="maxSum" name="maxSum" onkeyup="clearNoNum(this)" class="form-control"/></td>
		            </tr>
		            <tr class="even gradeC">
		             <td width="8%">签订日期</td>
		             <td width="17%"><input type="date" id="startDate" name="startDate" class="form-control"/></td>
		             <td width="8%">至</td>
		             <td width="17%"><input type="date" id="endDate" name="endDate" class="form-control"/></td>
		             <td width="8%">交货日期</td>
		             <td width="17%"><input type="date" id="startDate1" name="startDate1" class="form-control"/></td>
		             <td width="8%">至</td>
		             <td width="17%"><input type="date" id="endDate1" name="endDate1" class="form-control"/></td>
		            </tr>
		            <tr class="even gradeC">
		             <td width="8%">超期合同</td>
		             <td width="23%">
		             <select class="form-control" id="outDate" name="outDate">
						    <option th:each="option:${outDateLists}"								
									th:text="${option.title}"
									th:value="${option.value}">
	                        </option>
			         </select>
		             </td>
		             <td width="8%">订货单位</td>
		             <td colspan="3"><input type="text" class="form-control" id="orderUnit"  name="orderUnit" /></td>
		             <td colspan="2"></td>
		            </tr>
		            </tbody>
		           </table>
		          </div>
				  </form>
				  
		         <!--高级查询结束-->
		    <div class="row">
			<div class="col-md-8">
				<div class="box box-body">
					<table id="dataTable" class="mytable dataTable table-bordered text-center table-striped table-hover" cellspacing="0" width="100%" align="center" >
						<thead>
							<tr>
								<th width="5%">序号</th>
								<th width="10%">合同号</th>
								<th width="15%">订货单位</th>
								<th width="10%">商品计划编号</th>
								<th width="10%">产品型号</th>
								<th width="5%">数量</th>
								<th width="10%">总价</th>
								<th width="10%">签订日期</th>
								<th width="10%">交货日期</th>
								<th width="8%">流程步骤</th>
								<th width="7%">执行状态</th>
							</tr>
						</thead>
						<tbody>
							<!-- <tr class="gradeA">
								<td class="center">1</td>
								<td>CRM-2016-0312A</td>
								<td>麒翔机械设备有限公司</td>
								<td>A-0541</td>
								<td>TX-012c</td>
								<td>5</td>
								<td>500,000.00</td>
								<td>2016-02-29</td>
								<td>2016-03-19</td>
								<td></td>
								<td><span class="badge">已试水</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">2</td>
								<td>CRM-2016-0402A</td>
								<td>重庆市能源投资有限公司</td>
								<td>D-0239</td>
								<td>PI-004k</td>
								<td>9</td>
								<td>360,000.00</td>
								<td>2016-03-19</td>
								<td>2016-04-08</td>
								<td></td>
								<td><span class="badge">已装配</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">3</td>
								<td>CRM-2016-0415C</td>
								<td>重庆机械设备有限公司</td>
								<td>R-0128</td>
								<td>GY-045b</td>
								<td>2</td>
								<td>180,000.00</td>
								<td>2016-04-09</td>
								<td>2016-04-19</td>
								<td></td>
								<td><span class="badge">已设计</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">4</td>
								<td>CRM-2016-0312A</td>
								<td>麒翔机械设备有限公司</td>
								<td>A-0541</td>
								<td>TX-012c</td>
								<td>5</td>
								<td>500,000.00</td>
								<td>2016-02-29</td>
								<td>2016-03-19</td>
								<td></td>
								<td><span class="badge">已试水</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">5</td>
								<td>CRM-2016-0402A</td>
								<td>重庆市能源投资有限公司</td>
								<td>D-0239</td>
								<td>PI-004k</td>
								<td>9</td>
								<td>360,000.00</td>
								<td>2016-03-19</td>
								<td>2016-04-08</td>
								<td></td>
								<td><span class="badge">已装配</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">6</td>
								<td>CRM-2016-0415C</td>
								<td>重庆机械设备有限公司</td>
								<td>R-0128</td>
								<td>GY-045b</td>
								<td>2</td>
								<td>180,000.00</td>
								<td>2016-04-09</td>
								<td>2016-04-19</td>
								<td></td>
								<td><span class="badge">已设计</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">7</td>
								<td>CRM-2016-0312A</td>
								<td>麒翔机械设备有限公司</td>
								<td>A-0541</td>
								<td>TX-012c</td>
								<td>5</td>
								<td>500,000.00</td>
								<td>2016-02-29</td>
								<td>2016-03-19</td>
								<td></td>
								<td><span class="badge">已试水</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">8</td>
								<td>CRM-2016-0402A</td>
								<td>重庆市能源投资有限公司</td>
								<td>D-0239</td>
								<td>PI-004k</td>
								<td>9</td>
								<td>360,000.00</td>
								<td>2016-03-19</td>
								<td>2016-04-08</td>
								<td></td>
								<td><span class="badge">已装配</span></td>
							</tr>
							<tr class="gradeA">
								<td class="center">9</td>
								<td>CRM-2016-0415C</td>
								<td>重庆机械设备有限公司</td>
								<td>R-0128</td>
								<td>GY-045b</td>
								<td>2</td>
								<td>180,000.00</td>
								<td>2016-04-09</td>
								<td>2016-04-19</td>
								<td></td>
								<td><span class="badge">已设计</span></td>
							</tr><tr class="gradeA">
								<td class="center">10</td>
								<td>CRM-2016-0312A</td>
								<td>麒翔机械设备有限公司</td>
								<td>A-0541</td>
								<td>TX-012c</td>
								<td>5</td>
								<td>500,000.00</td>
								<td>2016-02-29</td>
								<td>2016-03-19</td>
								<td></td>
								<td><span class="badge">已试水</span></td>
							</tr> -->
						</tbody>
					</table>
				</div>
				</div>
				
				<div class="col-md-1">
				<div style="margin-left:15px"><span>配置进度</span></div><br/>
				<div style="margin-left:15px"><span>设计进度</span></div><br/>
				<div style="margin-left:15px"><span>加工进度</span></div><br/>
				<div style="margin-left:15px"><span>采购进度</span></div><br/>
				<div style="margin-left:15px"><span>外协进度</span></div><br/>
				<div style="margin-left:15px"><span>装配进度</span></div><br/>
				<div style="margin-left:15px"><span>试水进度</span></div><br/>
				<div style="margin-left:15px"><span>油漆进度</span></div><br/>
				<div style="margin-left:15px"><span>封箱进度</span></div><br/>
				</div>
				
				<div class="col-md-3">
				<div class="progress">
					<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
					</div><span>40%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
					</div><span>20%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
				    </div><span>60%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
				    </div><span>80%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
				    </div><span>20%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
				    </div><span>60%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
				    </div><span>80%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
				    </div><span>60%</span>
				</div>
				<div class="progress">
				    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
				    </div><span>80%</span>
				</div>
				<div><span><strong>CRM-2016-0312A/麒翔机械有限公司</strong></span></div>
				</div>
				
				</div>
				
			</div>
	  </section>
	  
	 	 
	  <script th:src="@{/contractquery/contractqueryindex.js}"></script>
	 </div>
	
</body>
</html>